<template>
  <div class="none">
    <div class="box">
      <icon-empty :size="40" />
      <span>{{ $t('components.cNone.60zeq5j8rrg0') }}</span>
    </div>
  </div>
</template>

<script lang='ts' setup>

</script>

<style scoped lang="less">
.none {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .box {
    display: flex;
    flex-direction: column;
    align-items: center;

    span {
      font-size: 12px;
      color: #fff;
      margin-top: 10px;
    }
  }
}

.arco-empty-image {
  color: #fff !important;
}

.arco-empty .arco-empty-description {
  font-size: 12px !important;
  color: #fff !important;
}
</style>